<template>
    <div align = "center">
        <el-select v-model="value" placeholder="请选择">
            <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
        <el-button icon="el-icon-search" circle @click="tiao(value)"></el-button>
    </div>
  
</template>

<script>
  export default {
    data() {
      return {
        options: [{
          value: '1',
          label: '朝阳区订单'
        }, {
          value: '2',
          label: '海淀区订单'
        }, {
          value: '3',
          label: '丰台区订单'
        }, {
          value: '4',
          label: '西城区订单'
        }, {
          value: '5',
          label: '昌平区订单'
        }],
        value: ''
      }
    },
    methods:{
        tiao(value){
            this.$router.push({
                    name:'sec',
                    params:{
                        id:value
                    }
            })
        }
    }
  }
</script>
